<script setup lang="ts">
import ImageConfig from './ImageConfig.vue'
import SpellCheckSetter from './SpellCheckSetter.vue'
</script>

<template>
  <div class="SettingBaseBox">
    <div class="settingItem">
      <span class="title">拼写检查</span>
      <SpellCheckSetter />
    </div>
    <div class="settingItem">
      <span class="title">当图片粘贴时</span>
      <ImageConfig />
    </div>
  </div>
</template>

<style lang="less" scoped>
.SettingBaseBox {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;

  .settingItem {
    display: flex;
    flex-direction: column;
    gap: 8px;
    .title{
      font-size: 14px;
      color: var(--text-color-1);
    }
  }
}
</style>
